<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modeling</title>
<link rel="stylesheet" type="text/css" media="all" href="css/template.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/person.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/person-profile.css" />
<link href="css/font.css" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$().ready(function () {
	$('#countrybutton').fancybox({
		'margin'	:	0,
		'padding'	:	0,
		'width'	:	500,
	});
});
</script>
</head>
<body>
<div class="header clearfix">
	<div class="center">
    	<a href="index.html"><div class="logo">
        	<img src="images/logo.png" />
        </div></a>
        <div class="menu">
        	<a href="work.html"><div>WORK</div></a>
            <a href="contractor.html"><div>CONTRACTOR</div></a>
            <a class="now" href="person.html"><div>MY SPACE</div></a>
        </div>
        <div class="search">
        	<div><img src="images/search.png" /></div>
            <input type="text" id="search" name="search" value="Search" onfocus="if(value=='Search') {value=''} setStyleOne(this.id)" onblur="if (value=='') {value='Search'} setStyleTwo(this.id)"/>
        </div>
        <div class="sign">
        	<a href="join.html"><div>JOIN</div></a>
            <a href="signin.html"><div>SIGN IN</div></a>
        </div>
    </div>
</div>
<div class="main center clearfix">
	<div class="leftbox">
    	<div class="inforbox">
            <div class="pic"><img src="images/conpic.png" /></div>
            <div class="left">
            	<div class="name">David</div>
                <div class="clear"></div>
            	<div class="aut">
                	<img src="images/vendor-acc.png" style="float:left;"/>
                    <div class="left">Tian DaWei</div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="menubox">
        	<div class="titleno">PROJECTS</div>
            <a href="person-publish.html"><div class="tab">Publish a Project</div></a>
            <div class="clear"></div>
            <a href="person-view.html"><div class="tab">My Projects</div></a>
            <div class="clear"></div>
            <a href="person-bid.html"><div class="tab">Bidding Projects</div></a>
            <div class="clear"></div>
            
            <div class="title">USER SERVICE</div>
            <a href="person-profile.html"><div class="tab now">My Profile</div></a>
            <div class="clear"></div>
            <a href="person-case.html"><div class="tab">My Cases</div></a>
            <div class="clear"></div>
            <a href="person-follow.html"><div class="tab">My Concerns</div></a>
            <div class="clear"></div>
            <a href="person-cer.html"><div class="tab">Certification</div></a>
            <div class="clear"></div>
            <a href="person-password.html"><div class="tab">Change Password</div></a>
            <div class="clear"></div>
            
            <div class="title">My Accounts</div>
            <a href="person-account.html"><div class="tab">Account Info</div></a>
            <div class="clear"></div>
            <a href="person-trade.html"><div class="tab">Trade Info</div></a>
            <div class="clear"></div>
            
            
            <div class="title">Tools</div>
            <a href="#"><div class="tab">Virtual Studio</div></a>
            <div class="clear"></div>
            <a href="#"><div class="tab">Remote Renderring</div></a>
            <div class="clear"></div>
        </div>
	</div>
    
    <table class="rightbox">
        <tr class="buttons">
        	<td colspan="2">
            	<a href="javascript:void(0);" id="open_ao" onclick="jQuery('#open_ao').hide();jQuery('#close_ao').show();jQuery('.edit').hide();jQuery('.com').show();"><div class="button">EDIT FOLLOWING</div></a>
                <a href="javascript:void(0);" style="display:none;" id="close_ao" onclick="jQuery('#close_ao').hide();jQuery('#open_ao').show();jQuery('.com').hide();jQuery('.edit').show();"><div class="button">COMPLETE</div></a>
            </td>
        </tr>
        <tr class="image edit">
       		<td class="title">IMAGE :</td>
        	<td><img src="images/conpic.png" /></td>
        </tr>
        <tr class="country edit">
        	<td class="title">COUNTRY :</td>
        	<td>China</td>
        </tr>
        <tr class="number edit">
        	<td class="title">TELEPHONE NUMBER :</td>
        	<td>18611116181</td>
        </tr>
        <tr class="im edit">
        	<td class="title">IM(QQ&MSN) :</td>
        	<td>470600762</td>
        </tr>
        <tr class="type edit">
        	<td class="title">TYPES :</td>
        	<td><a href=""><div class="button">Key-Animetor</div></a></td>
        </tr>
        <tr class="skill edit">
        	<td class="title">SKILLS :</td>
        	<td></td>
        </tr>
        <tr class="about edit">
        	<td class="title">ABOUT ME :</td>
        	<td>Freelance designer, specializing in UI design, mobile apps, Facebook apps, web design and HTML / CSS / JS.</td>
        </tr>
        
        <tr class="image com">
       		<td class="title">IMAGE :</td>
        	<td></td>
        </tr>
        <tr class="country com">
        	<td class="title">COUNTRY :</td>
        	<td>
            	<div class="box">
                	<div id="countryname" class="country">Please choose your country</div>
            		<a id="countrybutton" href="#countrybox"><div class="button"></div></a>
            		<div class="hide"><div id="countrybox">
            			<div class="firstlist"><a href="#" class="now">A</a><a href="#">B</a><a href="#">C</a><a href="#">D</a><a href="#">E</a><a href="#">F</a><a href="#">G</a><a href="#">H</a><a href="#">I</a><a href="#">J</a><a href="#">K</a><a href="#">L</a><a href="#">M</a><a href="#">N</a><a href="#">O</a><a href="#">P</a><a href="#">Q</a><a href="#">R</a><a href="#">S</a><a href="#">T</a><a href="#">U</a><a href="#">V</a><a href="#">W</a><a href="#">X</a><a href="#">Y</a><a href="#">Z</a></div>
                		<div class="countryname" id="A"><div><a href="#">Afghanistan</a></div><div><a href="#">Albania</a></div><div><a href="#">Algeria</a></div><div><a href="#">America</a></div><div><a href="#">Andorra</a></div><div><a href="#">Angola</a></div><div><a href="#" >Antarctica</a></div><div><a href="#">Argentina</a></div><div><a href="#">Armenia</a></div><div><a href="#">Aruba</a></div><div><a href="#">Australia</a></div><div><a href="#">Austria</a></div><div><a href="#">Azerbaijan</a></div></div>
                		<div class="clear"></div>
            		</div></div>
    			</div>
            </td>
        </tr>
        <tr class="number com">
        	<td class="title">TELEPHONE NUMBER :</td>
        	<td><input type="text" id="tel" name="tel" value="18611116181" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)"/></td>
        </tr>
        <tr class="im com">
        	<td class="title">IM(QQ&MSN) :</td>
        	<td><input type="text" id="im" name="im" value="470600762" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)"/></td>
        </tr>
        <tr class="type com">
        	<td class="title">TYPES :</td>
        	<td class="typetd">
            <div id="dropDownList1" class="dropDownList dropdown">
  				<select class="hide" name="type">
                    <option>Please select</option>
   					<option>Key-Animetor</option>
   					<option>Character Setting</option>
   					<option>3D Modelling</option>
                    <option>Skeleton Binding</option>
                    <option>Lighting , Material , Special Effects</option>
                    <option>Movie Making</option>
                    <option>Other</option>
  				</select>
  				<span class="">Please select</span>
            	<ul class="">
            	</ul>
        	</div>
            </td>
        </tr>
        <tr class="skill com">
        	<td class="title">SKILLS :</td>
        	<td></td>
        </tr>
        <tr class="about com">
        	<td class="title">ABOUT ME :</td>
        	<td><textarea type="text" id="about" name="about" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)">Freelance designer, specializing in UI design, mobile apps, Facebook apps, web design and HTML / CSS / JS.</textarea></td>
        </tr>
    </table>
    
</div>
<div class="footer">

</div>
<script type="text/javascript" src="js/downlist.js"></script>
<script type="text/javascript" src="js/input.js"></script>
<script type="text/javascript" src="js/signup.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
</body>
</html>


